<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>后代选择器</title>
    <style>
        /*
        语法 选择器+空格+ 选择器{
        各种属性
        }
        作用范围:
        选择器 1的 标签中所有的子标签 满足选择器2的标签
        后代选择器 不一定要求是 直接后代
        只要是被包裹起来的就可以
        */
   div .one{
       color: #7afff0;

   }
    </style>
</head>
<body>
<p class="one">月明星稀</p>
<div class="one">借问酒家何处有</div>

<div class="two">牧童遥指杏花村
<table>
    <tr>
        <td class="one">第一列</td>
        <td>第二列</td>
    </tr>
</table>
</div>
</body>
</html>